* {
    margin: 0;
    padding: 0;
}
html {
    width: 100%;
}
body {
    width: 100%;
    font-family: 'Microsoft Yahei','Arial','Helvetica','sans-serif','宋体';
    background: #fff;
    color: #333;
}
a {
    text-decoration: none;
    outline: none;
    color: #333;
}
a:link,a:visited,a:hover,a:active {
    color: #000000;
    text-decoration: none;
}
a:hover,a:focus {
    color: #333;
    text-decoration: none;
}
.clearfix {
    content: '';
    display: block;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}

.wrapper {
  clear: both;
  width: 100%;
  overflow: hidden;
}
.main{
    position: relative;
    margin: 0 auto;
    width: 1200px;
}
/* jsForm */
.jsForm .wrapper {
    margin: 0 auto;
    width: 1100px;
}
.jsForm {
    width: 100%;
    background: #c8a053;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
}
.jsForm h2 {
    height: 70px;
    cursor: pointer;
    background: url('../statics/images/new/index-m-ico-201910-16.png') no-repeat 0 5px;
}
.jsForm h2 span {
    margin-left: 80px;
    margin-top: 25px;
    font-size: 22px;
    color: #fff;
}
.jsForm h2 img.upIcon {
    margin-top: 25px;
    margin-left: 20px;
}
.jsForm h2 .right{
    margin-top: 25px;
}
.jsForm h2 strong b {
    font-size: 26px;
    color: #fff;
}
.jsForm h2 img.jstelIcon {
    margin-right: 10px;
}
.jsForm h3 {
    height: 70px;
    text-align: center;
    line-height: 70px;
    cursor: pointer;
}
.jsformCont .wrapper {
    margin: 0 auto;
    width: 1100px;
}
.jsformCont {
    display: none;
    width: 100%;
    height: 480px;
    background: #c8a053;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.jsformCont h2 {
    margin-top: 0;
    cursor: pointer;
}
.jsformCont h2 span {
    margin-left: 10px;
    margin-top: 30px;
    font-size: 22px;
    color: #fff;
}
.jsformCont h2 img.downIcon {
    margin-top: 30px;
    margin-left: 20px;
}
.jsformCont h2 strong b {
    margin-top: 3px;
    font-size: 26px;
    color: #fff;
}
.jsformCont h2 img.jstelIcon {
    margin-top: 0;
    margin-right: 10px;
}
.formCont {
    height: 370px;
    background: #fff;
}
.jsCont {
    padding: 0 30px;
}
.jsCont h2 {
    margin: 0 auto;
    width: 100%;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    color: #000;
}
.jsCont p {
    font-size: 16px;
    text-align: center;
    color: #e68e24;
}
.jsCont form p input {
    margin-top: 14px;
    width: 334px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-indent: 10px;
    border: 1px solid #a1a1a1;
    background: #fff;
    color: #a1a1a1;
}
.jsCont form p span.line {
    display: block;
    margin-top: 10px;
    width: 1px;
    height: 76px;
    background: #ccc;
}
.jsCont form p span.line:first-child {
    margin-bottom: 10px;
}
.jsCont form p span {
    margin-left: 50px;
}
.jsCont form p button {
    display: block;
    width: 106px;
    height: 106px;
    line-height: 26px;
    border: 16px solid #f2c691;
    border-radius: 50%;
    font-size: 18px;
    background: #e68e24;
    color: #fff;
    cursor: pointer;
    outline: none;
}
.ysPrice {
    margin-top: 100px;
    margin-right: 80px;
}
.ysPrice p {
    line-height: 40px;
    text-align: center;
}
.ysPrice p span.sp1 {
    font-size: 18px;
    color: #252525;
}
.ysPrice p span.sp3 {
    font-size: 18px;
    color: #252525;
}
.ysPrice p span.sp2,.ysPrice p span.pri-num5 {
    display: inline-block;
    width: 130px;
    font-size: 26px;
    font-weight: bold;
    text-align: right;
    color: #e68e24;
}
.ysPrice .price p span.sp1 {
    font-size: 16px;
    color: #252525;
}
.ysPrice .price p span.pri-sp2 {
    display: inline-block;
    width: 130px;
    font-size: 26px;
    font-weight: bold;
    text-align: right;
    color: #e68e24;
}
/* wormhoom */
.cbl {
    width: 140px;
    height: 310px;
    border-radius: 0 10px 10px 0;
    background: #d93359;
    color: #fff;
    position: fixed;
    left: 0;
    top: 24%;
    z-index: 11111;
}
.cbl p {
    margin: 0 16px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}
.cbl p a {
    color: #fff;
    cursor: pointer;
}
.cbl p img {
    margin-left: 10px;
    margin-top: 17px;
}
.cbl p.tel {
    padding-left: 16px;
    margin-top: 10px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border-radius: 0 25px 25px 0;
    background: #fff;
    color: #d93359;
}
.cbl p.tel img {
    margin-left: 10px;
    margin-top: 12px;
}
.cbl.amfa {
    width: 224px;
    height: 569px;
    background: url('../images/amfa_bg.png') no-repeat center;
}
.cbl.amfa p {
    margin: 0 60px 0 16px;
}
.cbl.amfa p.tel {
    color: #b16097;
}
.xiong {
    position: absolute;
    top: -77px;
    left: 54px;
    z-index: 111;
}
.tuzi {
    position: absolute;
    bottom: 63px;
    right: -44px;
    z-index: 111;
}
.cbl.jing {
    background: #9a0000;
}
.cbl.jing p.tel {
    color: #9a0000;
}
.cbl p:nth-child(5) {
    border-bottom: none;
}
.cbl p:last-child {
    margin: 0;
    border-bottom: none;
}

/* head */
.head-top{
    display: none;
}
.head-m{
    display: none;
}
/* banner */
.wrapper-201910 .banner .scroll-bd{
    width: 100%;
    overflow: hidden;
}
.wrapper-201910 .banner .swiper-container {
    margin: 0;
    width: 100%;
}
.wrapper-201910 .banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.wrapper-201910 .banner .swiper-slide{
    display: block;
}
.wrapper-201910 .banner .swiper-slide img{
    display: block;
    width: 100%;
}
.wrapper-201910 .banner .swiper-pagination{
    bottom: 100px;
}
.wrapper-201910 .banner .swiper-pagination .swiper-pagination-bullet{
    border-radius: 0;
    width: 20px;
    height: 5px;
}
.wrapper-201910 .banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #9b0000;
}
.wrapper-201910 .banner .swiper-slide .m{
    display: none;
}

/* nav */
.topNav {
    position: relative;
    z-index: 11111;
    margin: 0 auto;
    padding-bottom: 3px;
    width: 100%;
    height: 68px;
    line-height: 68px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
}
.topNav .container{
    margin: 0 auto;
    padding: 0;
    width: 1200px;
}
.nav_logo img {
    margin-top: 14px;
}
.nav-list{
    display: block;
    margin-bottom: -9999px;
    width: 850px;
}
.nav-list li{
    float: left;
    margin: 0;
    width: 105px;
    text-align: center;
}
.nav-list li .nav-item{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}
.nav-list li .nav-item .column{
    display: block;
    height: 68px;
    line-height: 68px;
}
.nav-list li .nav-item .column:hover,.nav-list .on .nav-item .column{
    color: #fff;
    background: #9b0000;
}
.nav-list li .nav-item:hover span{
    color: #fff;
    background: #9b0000;
}
.nav-list li .nav-item dl{
    display: none;
    margin: 0 0 0 -20px;
    box-shadow: 1px 1px 10px #ddd;
    width: 150px;
}
.nav-list li .nav-item dd{
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    background: #fff;
}
.nav-list li .nav-item dd a{
    display: block;
    width: 100%;
    height: 100%;
}
.nav-list li .nav-item dd a:hover{
    color: #fff;
    background: #9b0000;
}
.nav-list li .nav-item:hover dl{
    display: block;
}

.nav-list li.cur a,.nav-list li a:hover {
    color: #2bb4d9;
}
.nav_tel {
    display: none;
}

.navbar-default {
    border: none;
}
.navbar-brand img {
    width: 1.9rem;
}

.navbar{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    margin: 0;
    width: 100%;
    background: #fff;
}
.navbar .logo a{
    display: block;
    width: 100%;
    height: 100%;
}
.navbar .navbar-header{
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 99;
    border-radius: 24px;
    height: 60px;
    width: 150px;
    margin: 0;
    padding: 0;
    background: #272966 url('../images/pc-ico-2-202106.png') no-repeat 50% 50%;
}
.navbar .navbar-header button{
    display: block;
    margin: 0;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.navbar .navbar-header button:hover{
    background: none;
}
.navBtn-in{
    animation: navBtnIn 0.2s ease 0.5s forwards;
    -webkit-animation: navBtnIn 0.2s ease 0.5s forwards;
}
@keyframes navBtnIn
{
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
@-webkit-keyframes navBtnIn
{
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
.navBtn-out{
    animation: navBtnOut 0.5s ease 0s forwards;
    -webkit-animation: navBtnOut 0.5s ease 0s forwards;
}
@keyframes navBtnOut
{
    0% {
        right: 0;
    }
    100% {
        right: -100%;
    }
}
@-webkit-keyframes navBtnOut
{
    0% {
        right: 0;
    }
    100% {
        right: -100%;
    }
}
.mask{
    position: fixed;
    right: 0;
    top: 0;
}
.pc-nav{
    position: relative;
    height: 80px;
    width: 100%;
    box-shadow: 3px 3px 3px #d9d9d9;
    background: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background: none;
}

.navbar-collapse.collapse{
    display: none!important;
}
.navbar-collapse.in{
    display: block!important;
}
.navbar-collapse .close{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 50px;
    opacity: 0.5;
}
.navbar-header{
    margin: 0;
    padding: 0;
}
.navbar .navbar-toggle{
    display: block;
}
.navbar .container .navbar-brand{
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-brand img{
    display: block;
    margin-top: 5px;
    width: 100%;
}
.navList{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 0;
    width: 210px;
    height: 490px;
    padding: 0;
    background-color: rgba(255,255,255,0.9);
}
.navbar-collapse.collapse{
    height: 490px;
}
.navList .navbar-nav>dl{
    float: none;
    width: 100%;
}

.navList .title{
    position: relative;
    height: 70px;
    background: #fff url('../images/pc-ico-2-202003.jpg') no-repeat 0 0;
    cursor: pointer;
}
.navList .close{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    font-family: simsun;
}
.fixed{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

.main .title{
    position: relative;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    color: #222;
}
.main .title span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #9b0000;
    border-bottom: 1px solid #9b0000;
    margin-left: -23px;
    width: 46px;
    height: 8px;
}
/* index */
.index-md-1 .main{
    padding: 60px 0 100px;
}
.index-md-1 .title{
    position: relative;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    color: #222;
}
.index-md-1 .title span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #9b0000;
    border-bottom: 1px solid #9b0000;
    margin-left: -23px;
    width: 46px;
    height: 8px;
}
.index-md-1 .video-md{
    margin: 56px auto 0;
    width: 980px;
    height: 550px;
}
.index-md-2,.index-md-2 .main{
    height: 888px;
    background: url('../images/pc-bg-1-202107.jpg') no-repeat 50% 0;
}
.index-md-2 .main{
    overflow: hidden;
}
.index-md-2 .title{
    position: relative;
    margin-top: 60px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    color: #fff;
}
.index-md-2 .title span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-left: -23px;
    width: 46px;
    height: 8px;
}
.index-md-2 .video-md{
    margin: 80px auto 0;
    width: 980px;
    height: 550px;
}
.index-md-3,.index-md-3 .main{
    height: 837px;
    overflow: hidden;
    background: url('../images/pc-bg-2-202107.jpg') no-repeat 50% 0;
}
.index-md-3 .title{
    position: relative;
    margin-top: 60px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    color: #fff;
}
.index-md-3 .title span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-left: -23px;
    width: 46px;
    height: 8px;
}
.index-md-3 #workDemo{
    margin: 180px auto 0;
    width: 1100px;
    height: 370px;
    overflow: hidden;
}
.index-md-3 #workDemo #workDemo1{
    height:auto;
    text-align:left;
}
.index-md-3 #workDemo #workDemo2{
    height:auto;
    text-align:left;
}
.index-md-3 #workDemo ul{
    overflow: hidden;
}
.index-md-3 #workDemo li{
    height: 70px;
    list-style: normal;
    line-height: 70px;
    color: #fff;
}
.index-md-3 #workDemo .text-1{
    text-align: center;
    font-size: 35px;
}
.index-md-3 #workDemo .text-2{
    font-size: 28px;
}
.index-md-3 #workDemo .text-3{
    text-align: right;
    font-size: 35px;
}
.index-md-3 #workDemo .text-4{
    padding-left: 210px;
    font-size: 30px;
}
.index-md-3 #workDemo .text-5{
    padding-left: 555px;
    font-size: 28px;
}
.index-md-3 #workDemo .text-6{
    padding-left: 180px;
    font-size: 28px;
}
.index-md-3 #workDemo #workDemo2 li{
    list-style: none;
}
.index-md-4{
    background: #fff;
}
.index-md-4 .main{
    padding: 50px 0 100px;
}
.index-md-4 .title{
    position: relative;
    margin-top: 0;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    color: #222;
}
.index-md-4 .title span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    margin-left: -23px;
    width: 46px;
    height: 8px;
}
.index-md-4 .index-news{
    margin: 80px auto 0;
    width: 1140px;
}
.index-md-4 .index-news .news-tab{
    height: 56px;
}
.index-md-4 .index-news .news-tab li{
    float: left;
    border: 1px solid #003366;
    margin-right: 28px;
    height: 56px;
    width: 264px;
    text-align: center;
    line-height: 54px;
    font-size: 22px;
    color: #003366;
    cursor: pointer;
}
.index-md-4 .index-news .news-tab li:hover{
    color: #fff;
    background: #003366;
}
.index-md-4 .index-news .news-tab li:nth-child(4){
    margin-right: 0;
}
.index-md-4 .index-news .news-tab li.active{
    color: #fff;
    background: #003366;
}
.index-md-4 .index-news .news-tab-context{
    margin: 75px 0 0;
}
.index-md-4 .index-news .item-text{
    clear: both;
    overflow: hidden;
    margin-bottom: 45px;
}
.index-md-4 .index-news .item-text .text-box{
    float: left;
    width: 1000px;
}
.index-md-4 .index-news .item-text .text-box .image{
    float: left;
    width: 212px;
    height: 120px;
    overflow: hidden;
}
.index-md-4 .index-news .item-text .text-box .image img{
    width: 100%;
}
.index-md-4 .index-news .item-text .text-box dl{
    float: left;
    margin: -10px 0 0 30px;
    width: 740px;
}
.index-md-4 .index-news .item-text .text-box dt{
    font-size: 20px;
    line-height: 40px;
}
.index-md-4 .index-news .item-text .text-box dt a:hover{
    color: #003366;
}
.index-md-4 .index-news .item-text .text-box dd{
    margin-top: 15px;
    font-size: 16px;
    line-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index-md-4 .index-news .date{
    float: right;
    margin-top: 45px;
    border-left: 1px solid #cfcfcf;
    width: 110px;
    color: #aaa;
}
.index-md-4 .index-news .date .day{
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    font-size: 32px;
}
.index-md-4 .index-news .date .year{
    padding-left: 20px;
    line-height: 34px;
    font-size: 18px;
}
.index-md-4 .index-news .news-context .more-btn{
    display: block;
    margin: 0 auto;
    border: 1px solid #003366;
    border-radius: 20px;
    width: 172px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #003366;
}
.index-md-4 .index-news .news-context .more-btn:hover{
    background: #003366;
    color: #fff;
}
/* about */
.about-md-1,.about-md-1 .main{
    height: 381px;
    background: url('../images/pc-banner-3-202107.jpg') no-repeat 50% 0;
}
.about-md-2 .main{
    padding: 60px 0 90px;
}
.about-md-2 .title{
    position: relative;
    height: 85px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 85px;
}
.about-md-2 .title span{
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    margin-left: -23px;
    height: 4px;
    width: 46px;
}
.about-md-2 .infor-ico-1{
    margin: 64px auto 0;
    width: 835px;
    height: 83px;
    background: url('../images/pc-ico-1-202107.jpg') no-repeat 0 0;
}
.about-md-2 .text-box{
    margin: 30px auto 0;
    width: 1000px;
}
.about-md-2 .text-box p{
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 40px;
}
.about-md-2 .text-box p strong{
    font-size: 36px;
    color: #003366;
}
.about-md-2 .text-box p span{
    color: #003366;
}
.about-md-2 .slogan{
    clear: both;
    margin: 0 0 0 12px;
    overflow: hidden;
}
.about-md-2 .slogan .s-1{
    float: left;
    margin: 0 32px 0 0;
    width: 392px;
    height: 281px;
    background: url('../images/pc-img-1-202107.jpg') no-repeat 0 0;
}
.about-md-2 .slogan .s-2{
    float: left;
    margin: 0 32px 0 0;
    width: 392px;
    height: 281px;
    background: url('../images/pc-img-2-202107.jpg') no-repeat 0 0;
}
.about-md-2 .slogan .s-3{
    float: left;
    margin: 0;
    width: 322px;
    height: 281px;
    background: url('../images/pc-img-3-202107.jpg') no-repeat 0 0;
}
.about-md-3{
    height: 970px;
    background: url(../images/pc-bg-3-202107.jpg) no-repeat 50% 0;
}
.about-md-3 .main{
    padding: 65px 0 0;
    color: #fff;
}
.about-md-3 .col-left{
    width: 280px;
}
.about-md-3 .col-left span{
    color: #b1b1b1;
}
.about-md-3 .col-right{
    width: 780px;
}
.about-md-3 .col-right .key-list{
    clear: both;
    overflow: hidden;
}
.about-md-3 .col-right .key-list li{
    float: left;
}
.about-md-3 .title{
    position: relative;
    margin-top: 0;
    height: 90px;
    text-align: left;
    line-height: 90px;
    font-size: 40px;
    color: #fff;
}
.about-md-3 .title span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 46px;
    height: 8px;
}
.about-md-3 .col-left h2{
    margin-top: 50px;
    width: 240px;
    text-align: center;
    font-size: 54px;
    line-height: 72px;
}
.about-md-3 .col-left span{
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
}
.about-md-3 .col-left em{
    margin-top: 20px;
    display: block;
    width: 55px;
    height: 4px;
    overflow: hidden;
    background: #c83d3d;
}
.about-md-3 .col-left .text-box{
    margin-top: 50px;
}
.about-md-3 .col-left .text-box p{
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 30px;
}
.about-md-3 .col-right .about-banner{
    margin-top: 55px;
    width: 780px;
    cursor: pointer;
}
.about-md-3 .col-right .swiper-pagination{
    display: none;
}
.about-md-3 .col-right ul{
    padding-top: 30px;
}
.about-md-3 .col-right li{
    margin-right: 65px;
    width: 145px;
}
.about-md-3 .col-right .m-title{
    display: none;
}
.about-md-3 .col-right li:nth-child(4){
    margin-right: 0;
}
.about-md-3 .col-right li .key-word{
    position: relative;
    margin: 0 auto;
    width: 135px;
    height: 135px;
}
.about-md-3 .col-right li .key-word em{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 135px;
    height: 135px;
    background: url(../images/index-pc-ico-201910-3.png) no-repeat 0 0;
}
.about-md-3 .col-right li:nth-child(1) .key-word em{
    transform: rotate(120deg);
}
.about-md-3 .col-right li:nth-child(2) .key-word em{
    transform: rotate(210deg);
}
.about-md-3 .col-right li:nth-child(3) .key-word em{
    transform: rotate(300deg);
}
.about-md-3 .col-right li:nth-child(4) .key-word em{
    transform: rotate(60deg);
}
.about-md-3 .col-right li .key-word strong{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 135px;
    height: 135px;
    text-align: center;
    line-height: 135px;
    font-size: 20px;
}
.about-md-3 .col-right li .txt{
    padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
}
.about-md-4,.about-md-4 .main{
    height: 957px;
    background: url('../images/pc-bg-4-202107.jpg') no-repeat 50% 0;
}
.about-md-4 .m-course{
    display: none;
}
.about-md-5 .bd-1{
    background: #fff;
}
.about-md-5 .bd-1 .main{
    margin: 0 auto;
    padding: 60px 0 50px;
}
.about-md-5 .bd-1 .title{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 80px;
    text-align: center;
    font-weight: bold;
    line-height: 80px;
    font-size: 40px;
    color: #222;
}
.about-md-5 .bd-1 .title span{
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    margin-left: -23px;
    height: 4px;
    width: 46px;
}
.about-md-5 .bd-1 .title-txt{
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #222;
}
.about-md-5 .bd-1 .col{
    clear: both;
    overflow: hidden;
    padding-top: 50px;
}
.about-md-5 .bd-1 .col-left{
    width: 673px;
}
.about-md-5 .bd-1 .col-left img{
    display: block;
    width: 100%;
}
.about-md-5 .bd-1 .col-right{
    margin-top: -20px;
    width: 485px;
}
.about-md-5 .bd-1 .col-right dl{
    margin-bottom: 15px;
}
.about-md-5 .bd-1 .col-right dl.last{
    margin-top: -30px;
}
.about-md-5 .bd-1 .col-right dt{
    margin-top: 10px;
    border-right: 1px solid #003366;
    width: 85px;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
    color: #003366;
}
.about-md-5 .bd-1 .col-right dd{
    width: 390px;
    line-height: 30px;
    font-size: 16px;
    color: #222;
}
.about-md-5 .bd-1 dl:nth-child(1) dd,.about-md-5 .bd-1 dl:nth-child(3) dd,.about-md-5 .bd-1 dl:nth-child(7) dd{
    margin-top: 14px;
}
.about-md-6{
    height: 850px;
    background: url(../images/pc-bg-5-202107.jpg) no-repeat 50% 0;
}
.about-md-6 .main{
    padding: 65px 0 0;
}
.about-md-6 .col-left{
    width: 280px;
}
.about-md-6 .col-right{
    width: 810px;
}
.about-md-6 .title{
    position: relative;
    margin-top: 45px;
    height: 80px;
    text-align: left;
    line-height: 80px;
    font-size: 40px;
    color: #fff;
}
.about-md-6 .title span{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 4px;
    width: 45px;
}
.about-md-6 .col-left .text-box{
    margin-top: 30px;
    color: #fff;
}
.about-md-6 .col-left .text-box p{
    font-size: 14px;
    line-height: 30px;
}
.about-md-6 .col-right .image-box{
    clear: both;
    overflow: hidden;
    padding: 0;
}
.about-md-6 .col-right .image-box .pc{
    display: block;
}
.about-md-6 .col-right .image-box .m{
    display: none;
}
.about-md-7 .m{
    display: none;
}
.about-md-7{
    height: 910px;
    background: url(../images/pc-bg-6-202107.jpg) no-repeat center 0;
}
.about-md-7 .main{
    padding: 60px 0 0;
}
.about-md-7 .title{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 80px;
    text-align: center;
    font-weight: bold;
    line-height: 80px;
    font-size: 40px;
    color: #222;
}
.about-md-7 .title span{
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    margin-left: -23px;
    height: 4px;
    width: 46px;
}
.about-md-7 .col{
    margin-top: 50px;
    height: 630px;
    width: 1200px;
}
.about-md-7 .col-left{
    width: 230px;
    height: 630px;
    background: #003366;
}
.about-md-7 .col-left ul{
    padding-top: 10px;
}
.about-md-7 .col-left li{
    position: relative;
    height: 50px;
    text-indent: 25px;
    text-align: left;
    font-size: 20px;
    line-height: 50px;
    color: #febbbb;
    cursor: pointer;
}
.about-md-7 .col-left li span{
    display: none;
    position: absolute;
    left: 10px;
    top: 22px;
    width: 6px;
    height: 6px;
    background: #fff;
}
.about-md-7 .col-left li.active{
    color: #fff;
    background: #c8a053;
}
.about-md-7 .col-left li.active span{
    display: block;
}
.about-md-7 .col-left li{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    cursor: pointer;
}
.about-md-7 .col-left li:hover{
    background: #c8a053;
}
.about-md-7 .col-right{
    margin-top: 10px;
    height: 620px;
    width: 970px;
    background-color: rgba(255,255,255,0.7);
}
.about-md-7 .col-right .text-box{
    padding: 30px 50px;
}
.about-md-7 .col-right .text-box h4{
    padding-bottom: 0;
    font-size: 30px;
    line-height: 50px;
}
.about-md-7 .col-right .text-box p{
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 34px;
}
.about-md-7 .col-right .text-pc-7{
    display: none;
}
/* education */
.education .title{
    position: relative;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    font-weight: bold;
}
.education .title span{
    display: block;
    margin: 0 0 0 -23px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    height: 4px;
    width: 46px;
}
.education-md-1,.education-md-1 .main{
    height: 381px;
    background: url('../images/pc-bg-7-202107.jpg') no-repeat 50% 0;
}
.education-md-2{
    background: url('../images/pc-bg-8-202107.jpg') no-repeat 50% 280px;
}
.education-md-2 .main{
    padding: 50px 0;
}
.education-md-2 .title{
    position: relative;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
}
.education-md-2 .title span{
    display: block;
    margin: 0 0 0 -23px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    height: 4px;
    width: 46px;
}
.education-md-2 .video-md{
    margin: 50px auto 0;
    width: 980px;
    height: 550px;
}
.education-md-2 .video-md video{
    width: 100%;
    height: 100%;
}
.education-md-2 .text-box{
    margin: 30px auto 0;
    width: 990px;
}
.education-md-2 .text-box p{
    font-size: 16px;
    line-height: 32px;
}
.education-md-3 .m{
    display: none;
}
.education-md-3,.education-md-3 .main{
    height: 924px;
    background: #f7f7f7 url('../images/pc-bg-9-202107.jpg') no-repeat 50% 0;
}
.education-md-3 .main{
    overflow: hidden;
}
.education-md-3 .title{
    margin-top: 50px;
}
.education-md-3 .col{
    margin: 60px 0 0;
}
.education-md-3 .col-left{
    float: left;
    width: 575px;
}
.education-md-3 .col-right{
    float: right;
    width: 575px;
}
.education-md-3 .col .image{
    float: left;
    position: relative;
    width: 243px;
    height: 260px;
}
.education-md-3 .col .image dl{
    position: absolute;
    left: 30px;
    bottom: 15px;
    margin: 0;
    width: 190px;
    color: #fff;
}
.education-md-3 .col .image dt{
    font-size: 22px;
    line-height: 30px;
}
.education-md-3 .col .image dd{
    font-size: 16px;
    line-height: 30px;
}
.education-md-3 .col .text{
    float: right;
    width: 310px;
}
.education-md-3 .col .text p{
    font-size: 16px;
    line-height: 32px;
    color: #222;
}
.education-md-4 .hd{
    height: 180px;
    background: #fff;
}
.education-md-4 .hd .title{
    margin-top: 50px;
}
.education-md-4 .hd .main{
    height: 180px;
    overflow: hidden;
}
.education-md-4 .bd{
    height: 841px;
    background: url('../images/pc-bg-10-202107.jpg') no-repeat 50% 0;
}
.education-md-4 .bd .main{
    height: 841px;
    background: url('../images/pc-bg-10-202107.jpg') no-repeat 50% 0;
}
.education-md-4 .bd .col{
    height: 841px;
    clear: both;
    overflow: hidden;
}
.education-md-4 .bd .col-left{
    float: left;
    width: 370px;
    height: 841px;
    background: #e68114;
}
.education-md-4 .bd .col-left dl{
    padding-top: 114px;
    color: #fff;
}
.education-md-4 .bd .col-left dt{
    margin-bottom: 25px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    font-weight: bold;
}
.education-md-4 .bd .col-left dd{
    padding: 15px 20px;
    font-size: 20px;
    line-height: 32px;
    cursor: pointer;
}
.education-md-4 .bd .col-left dd:nth-child(7){
    border-bottom: 0;
}
.education-md-4 .bd .col-left dd.active,.education-md-4 .bd .col-left dd:hover{
    background: #d66f00;
}
.education-md-4 .bd .col-right{
    float: right;
    margin-top: 114px;
    width: 830px;
    height: 600px;
    background-color: rgba(255,255,255,0.9);
}
.education-md-4 .bd .col-right .educationTabs-context{
    display: none;
    padding: 85px 40px 0;
}
.education-md-4 .bd .col-right .educationTabs-context h4{
    font-size: 28px;
    line-height: 56px;
}
.education-md-4 .bd .col-right .educationTabs-context p{
    padding-top: 25px;
    font-size: 16px;
    line-height: 32px;
}
.education-md-4 .bd .tab{
    display: none;
}
.education-md-5,.education-md-5 .main{
    height: 972px;
    overflow: hidden;
    background: url('../images/pc-bg-11-202107.jpg') no-repeat 50% 0;
}
.education-md-5 .title{
    margin: 55px 0 0;
}
.education-md-5 .title-txt{
    margin: 25px 0 0;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
}
.education-md-5 .title-txt-m{
    display: none;
}
.education-md-5 .main ul{
    clear: both;
    margin: 45px auto 0;
    width: 1140px;
    overflow: hidden;
}
.education-md-5 .main li{
    float: left;
    margin: 0 20px 20px 0;
    width: 270px;
    height: 310px;
    background: #fff;
}
.education-md-5 .main li:hover{
    background: #003366;
    cursor: pointer;
}
.education-md-5 .main li:hover .text-box dt,.education-md-5 .main li:hover .text-box dd{
    color: #fff;
}
.education-md-5 .main li .text-box{
    margin: 40px 20px 0;
}
.education-md-5 .main li .text-box .ico{
    display: block;
    width: 60px;
    height: 60px;
}
.education-md-5 .main li .text-box dl{
    margin: 0;
}
.education-md-5 .main li .text-box dt{
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #222;
}
.education-md-5 .main li .text-box dd{
    line-height: 30px;
    font-size: 14px;
    color: #222;
}
.education-md-5 .main li:nth-child(4),.education-md-5 .main li:nth-child(8){
    margin-right: 0;
}
.education-md-5 .m-list{
    display: none;
}
.education-md-6 .m{
    display: none;
}
.education-md-6{
    height: 1390px;
    background: url(../images/pc-bg-12-202107.jpg) no-repeat 50% 0;
}
.education-md-6 .main{
    padding: 50px 0 0;
}
.education-md-6 .title{
    margin: 0 auto;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    font-weight: bold;
    color: #222;
}
.education-md-6 .txt{
    padding: 30px 100px 0;
    line-height: 32px;
    font-size: 16px;
    color: #222;
}
.education-md-6 .txt span{
    font-size: 36px;
    font-weight: bold;
    color: #003366;
}
.education-md-6 .but-1{
    display: block;
    margin: 40px auto 0;
    width: 230px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    color: #222;
}
.education-md-6 .but-1 strong{
    float: left;
    color: #ca0000;
    font-size: 42px;
    line-height: 50px;
}
.education-md-6 .lesson-list{
    margin-top: 50px;
    padding-bottom: 10px;
}
.education-md-6 .lesson-list li{
    float: left;
    width: 295px;
    height: 354px;
}
.education-md-6 .lesson-list a{
    display: block;
    float: left;
    margin-right: 6px;
    width: 295px;
    height: 354px;
    background: #fff;
}
.education-md-6 h4{
    text-align: center;
    padding: 10px 20px 0;
    font-size: 22px;
    line-height: 50px;
}
.education-md-6 .more,.education-md-6 .image{
    display: block;
}
.education-md-6 .more{
    margin: 40px auto 0;
    width: 145px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #003366;
}
.education-md-6 a:hover{
    box-shadow: 3px 3px 5px #dcdbdb;
}
.education-md-6 a:hover .more{
    border-radius: 20px;
    color: #fff;
    background: #003366;
}
.education-md-6 .scroll-bd{
    position: relative;
}
.education-md-6 .scroll-bd .swiper-button-next,.education-md-6 .scroll-bd .swiper-button-prev{
    display: block;
    margin-top: -25px;
    border-radius: 25px;
    width: 50px;
    height: 50px;
}
.education-md-6 .scroll-bd .swiper-button-prev{
    left: -60px;
    background: #000 url('../images/pc-ico-01-202108.png') no-repeat 50% 50%;
    opacity: 0.45;
}
.education-md-6 .scroll-bd .swiper-button-next{
    right: -60px;
    background: #000 url('../images/pc-ico-02-202108.png') no-repeat 50% 50%;
    opacity: 0.45;
}
.education-md-6 .scroll-bd .swiper-button-disabled{
    opacity: 0.2;
}

.education-md-6 .scroll-bd .swiper-pagination{
    display: none;
}

.education-md-7 .m{
    display: none;
}
.education-md-7{
    background: #f6f6f6;
}
.education-md-7 .main{
    padding: 50px 0;
}
.education-md-7 .main h4{
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    font-weight: bold;
}
.education-md-7 .main .infor{
    margin: 0;
    padding: 0 130px 35px;
}
.education-md-7 .main .infor dd{
    margin-top: 15px;
    font-size: 16px;
    line-height: 32px;
}
.education-md-7 .tab-hd{
    margin: 0 auto;
    height: 65px;
    width: 1134px;
}
.education-md-7 .tab-hd li{
    float: left;
    position: relative;
    border: 2px solid #e4d5d5;
    border-radius: 15px;
    margin-right: 20px;
    width: 172px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    font-size: 22px;
    color: #003366;
    background: #f1f1f1;
    cursor: pointer;
}
.education-md-7 .tab-hd li span{

}
.education-md-7 .tab-hd li.last{
    margin-right: 0;
}
.education-md-7 .tab-hd li em{
    display: none;
}
.education-md-7 .tab-hd li.active,.education-md-7 .tab-hd li:hover{
    border: 2px solid #c8a053;
    color: #fff;
    background: #003366;
}
.education-md-7 .tab-hd li.active em{
    display: block;
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -12px;
    width: 24px;
    height: 11px;
    background: url('../images/pc-ico-03-202108.png') no-repeat 0 0;
}
.education-md-7 .tab-bd{
    margin-top: 10px;
    height: 550px;
    background: #fff;
}
.education-md-7 .tab-bd .tab-col{
    clear: both;
    overflow: hidden;
    padding: 50px 35px 0 60px;
}
.education-md-7 .tab-bd .tab-col-left{
    float: left;
    width: 700px;
}
.education-md-7 .tab-bd .tab-col-right{
    float: right;
    width: 335px;
}
.education-md-7 .tab-bd .text-box{
    margin-top: 15px;
}
.education-md-7 .tab-bd .text-box h4{
    height: 30px;
}
.education-md-7 .tab-bd .text-box h4 .red-ico{
    float: left;
    margin-right: 15px;
    width: 5px;
    height: 30px;
    background: #003366;
}
.education-md-7 .tab-bd .text-box h4 .txt{
    float: left;
    font-size: 24px;
    line-height: 30px;
}
.education-md-7 .tab-bd .text-box p{
    margin-top: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
}

/* kindergarten */
.kindergarten-md-1,.kindergarten-md-1 .main{
    height: 381px;
    background: url('../images/pc-banner-4-202107.jpg') no-repeat 50% 0;
}
.kindergarten-md-2,.kindergarten-md-2 .main{
    height: 912px;
    background: url('../images/pc-bg-13-202107.jpg') no-repeat 50% 0;
}
.kindergarten-md-3{
    display: none;
}
.kindergarten-md-3 .m{
    display: none;
}
.kindergarten-md-3,.kindergarten-md-3 .main{
    height: 846px;
    background: #e68114 url('../images/pc-bg-14-202107.jpg') no-repeat 50% 0;
}
.kindergarten-md-3 .main{
    position: relative;
    padding: 150px 0 115px;
}

.kindergarten-md-3 .title-bd{
    margin-top: 20px;
    width: 340px;
}
.kindergarten-md-3 .title-bd dt{
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}
.kindergarten-md-3 .text-box{
    margin-top: 30px;
}
.kindergarten-md-3 .text-box p{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}
.kindergarten-md-3 .more{
    margin-top: 100px;
    border: 1px solid #fff;
    border-radius: 16px;
    width: 130px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
}
.kindergarten-md-3 .more:hover{
    border: 1px solid #517ac6;
    color: #fff;
    background: #517ac6;
}
.kindergarten-md-3 .text{
    margin-top: 30px;
    width: 780px;
}
.kindergarten-md-3 .text p{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}
.kindergarten-md-3 .v-box{
    width: 780px;
    height: 440px;
}
.kindergarten-md-3 .bottom-txt{
    position: absolute;
    right: 0;
    top: 90px;
    width: 250px;
    height: 30px;
    text-align: right;
    font-size: 12px;
    line-height: 30px;
    color: #f0f0f1;
}
.kindergarten-md-3 .col{
    clear: both;
    overflow: hidden;
}
.kindergarten-md-3 .col-left{
    width: 340px;
}
.kindergarten-md-3 .col-right{
    width: 780px;
}
.kindergarten-md-3 .title-ico{
    width: 320px;
    height: 81px;
    background: url(../images/pc-ico-04-202108.png) no-repeat 0 0;
}
.kindergarten-md-4,.kindergarten-md-4 .main{
    height: 970px;
    overflow: hidden;
    background: url('../images/pc-bg-15-202107.jpg') no-repeat 50% 0;
}
.kindergarten-md-4 .title{
    margin-top: 75px;
    font-weight: bold;
}
.kindergarten-md-4 .col-1{
    margin: 60px 0 0;
}
.kindergarten-md-4 .col-1 .col-left{
    width: 543px;
}
.kindergarten-md-4 .col-1 .col-right{
    width: 605px;
}
.kindergarten-md-4 .col-1 .col-right .subtitle{
    position: relative;
    width: 550px;
    line-height: 56px;
    font-size: 40px;
}
.kindergarten-md-4 .col-1 .col-right .text-box{
    margin-top: 30px;
}
.kindergarten-md-4 .col-1 .col-right .text-box p{
    font-size: 18px;
    line-height: 34px;
}
.kindergarten-md-4 .col-1 .col-right .text-box p strong{
    padding: 0;
}
.kindergarten-md-4 .col-2{
    margin: 30px 0 0;
}
.kindergarten-md-4 .col-2 .col-left,.kindergarten-md-4 .col-2 .col-cen,.kindergarten-md-4 .col-2 .col-right{
    width: 365px;
}
.kindergarten-md-4 .col-2 .col-left,.kindergarten-md-4 .col-2 .col-cen{
    margin-right: 22px;
}
.kindergarten-md-4 .col-2 .col-left{
    border-bottom: 5px solid #2aa56d;
}
.kindergarten-md-4 .col-2 .col-left dt{
    background: #2aa56d;
}
.kindergarten-md-4 .col-2 .col-left dd span{
    color: #2aa56d;
}
.kindergarten-md-4 .col-2 .col-cen{
    border-bottom: 5px solid #de9c34;
}
.kindergarten-md-4 .col-2 .col-cen dt{
    background: #de9c34;
}
.kindergarten-md-4 .col-2 .col-cen dd span{
    color: #de9c34;
}
.kindergarten-md-4 .col-2 .col-right{
    border-bottom: 5px solid #32aecc;
}
.kindergarten-md-4 .col-2 .col-right dt{
    background: #32aecc;
}
.kindergarten-md-4 .col-2 .col-right dd span{
    color: #32aecc;
}
.kindergarten-md-4 .col-2 dl{
    height: 290px;
}
.kindergarten-md-4 .col-2 dt{
    font-size: 22px;
    font-weight: normal;
    line-height: 50px;
}
.kindergarten-md-4 .col-2 dd{
    padding: 20px 10px 0;
    font-size: 16px;
    line-height: 34px;
}
.kindergarten-md-4 .ico{
    margin: 55px auto 0;
    width: 1135px;
    height: 241px;
    background: url('../images/m-ico-6-202107.png') no-repeat 0 0;
}
.kindergarten-md-5{
    height: 890px;
    background: url('../images/pc-bg-16-202107.jpg') no-repeat center 0;
}
.kindergarten-md-5 .main{
    padding: 130px 0 0;
}
.kindergarten-md-5 .title{
    clear: both;
    float: right;
    width: 530px;
    height: auto;
    padding-bottom: 15px;
    text-align: left;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}
.kindergarten-md-5 .title span{
    left: 0;
    margin: 0;
}
.kindergarten-md-5 .col-right{
    width: 530px;
}
.kindergarten-md-5 .text-box{
    margin-top: 24px;
    width: 530px;
}
.kindergarten-md-5 .text-box h4{
    font-size: 28px;
    line-height: 60px;
    color: #222;
}
.kindergarten-md-5 .text-box p{
    padding-top: 10px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.kindergarten-md-5 .text-box-1{
    margin-top: 25px;
    width: 530px;
}
.kindergarten-md-5 .text-box-1 h5{
    font-size: 20px;
    line-height: 40px;
    color: #222;
}
.kindergarten-md-5 .text-box-1 p{
    margin-top: 10px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.kindergarten-md-5 .text-box-1 a{
    margin-top: 25px;
    border: 1px solid #003366;
    border-radius: 17px;
    width: 128px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #003366;
}
.kindergarten-md-5 .text-box-1 a:hover{
    color: #fff;
    background: #003366;
}
.kindergarten-md-5 .text-box a:hover{
    color: #fff;
    background: #003366;
}
.kindergarten-md-6,.kindergarten-md-6 .main{
    height: 784px;
    background: #003366;
}
.kindergarten-md-6 .main{
    background: url('../images/pc-img-25-202107.png') no-repeat 0 123px;
}
.kindergarten-md-6 .text-box{
    float: right;
    margin-top: 215px;
    width: 530px;
}
.kindergarten-md-6 .text-box .title{
    color: #fff;
    text-align: left;
}
.kindergarten-md-6 .text-box .title span{
    border-color: #fff;
    left: 0;
    margin-left: 0;
}
.kindergarten-md-6 .text-box p{
    padding-top: 20px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}
/* exhibition */
.exhibition-md-1,.exhibition-md-1 .main{
    height: 381px;
    background: url('../images/pc-banner-5-202107.jpg') no-repeat 50% 0;
}
.exhibition-md-2,.exhibition-md-2 .main{
    height: 819px;
    overflow: hidden;
    background: #eeeff2 url('../images/pc-bg-17-202107.jpg') no-repeat 50% 0;
}
.exhibition-md-2 .aeh{
    padding: 80px 0;
}
.exhibition-md-2 .title{
    height: 100px;
    line-height: 100px;
    font-weight: bold;
}
.exhibition-md-2 .infor-list{
    margin: 30px auto 0;
    width: 920px;
}
.exhibition-md-2 .infor-list li{
    position: relative;
    float: left;
    width: 25%;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    text-indent: 24px;
}
.exhibition-md-2 .infor-list li span{
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 5px;
    width: 10px;
    height: 10px;
}
.exhibition-md-2 .infor-list li .red-ico{
    background: #003366;
}
.exhibition-md-2 .infor-list li .yellow-ico{
    background: #c8a053;
}
.exhibition-md-2 .honor{
    padding: 0;
}
.exhibition-md-2 .honor .course_banner {
    margin: 25px auto 0;
    width: 100%;
}
.exhibition-md-2 .honor .courseBanner {
    padding: 0;
}
.exhibition-md-2 .honor .course_banner .swiper-slide {
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 150px;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-align: center;
}
.exhibition-md-2 .honor .course_banner .swiper-slide-prev,.exhibition-md-2 .honor .course_banner .swiper-slide-next{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.exhibition-md-2 .honor .course_banner .swiper-slide-active,.exhibition-md-2 .honor .course_banner .swiper-slide-duplicate-active {
    -webkit-transform: scale(2);
    transform: scale(2);
    z-index: 1002;
}
.exhibition-md-2 .honor .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.exhibition-md-2 .honor .swiper-slide a h4 {
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    font-size: 32px;
    text-align: center;
    color: #fff;
}
.exhibition-md-2 .honor .swiper-pagination {
    font-size: 24px;
    color: #1e2b5b;
}
.exhibition-md-2 .honor .courseBanner a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.exhibition-md-2 .honor .courseBanner a b {
    display: none;
    width: 100%;
    padding-top: 20px;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    color: #353535;
}
.exhibition-md-2 .honor .swiper-slide-active a b{
    display: block;
}
.exhibition-md-2 .honor .swiper-pagination{
    display: none;
}
.exhibition-md-2 .honor .swiper-button-prev,.honor .swiper-button-next{
    display: none;
}
.exhibition-md-2 .m{
    display: none;
}

.exhibition-md-3,.exhibition-md-3 .main{
    height: 816px;
    overflow: hidden;
    background: #fff url('../images/pc-bg-18-202107.jpg') no-repeat 50% 0;
}
.exhibition-md-3 .title{
    margin: 10px 0 30px;
    height: 80px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
}
.exhibition-md-3 .list{
    clear: both;
    margin: 0 0 0 20px;
    overflow: hidden;
}
.exhibition-md-3 .list li{
    float: left;
    margin: 0 30px 20px 0;
    width: 370px;
    height: 275px;
}
.exhibition-md-3 .list li:nth-child(3),.exhibition-md-3 .list li:nth-child(6){
    margin-right: 0;
}
.exhibition-md-3 .list li .image{
    width: 365px;
    height: 204px;
    overflow: hidden;
}
.exhibition-md-3 .list li .image img{
    display: block;
    margin-top: -4px;
    width: 100%;
}
.exhibition-md-3 .list li p{
    margin-top: 12px;
    height: 68px;
    line-height: 34px;
    font-size: 18px;
}
.exhibition-md-3 .list li:nth-child(5) p{
    margin-right: -10px;
}
.exhibition-md-3 .more-btn{
    display: block;
    border: 1px solid #003366;
    border-radius: 16px;
    margin: 15px auto 0;
    width: 130px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    color: #003366;
}
.exhibition-md-3 .more-btn:hover{
    color: #fff;
    background: #003366;
}
.exhibition-md-4,.exhibition-md-4 .main{
    height: 739px;
    overflow: hidden;
    background: #9e1515 url('../images/pc-bg-19-202107.jpg') no-repeat center 0;
}
.exhibition-md-4 .col{
    margin-top: 160px;
    clear: both;
    overflow: hidden;
}
.exhibition-md-4 .col-left{
    width: 330px;
}
.exhibition-md-4 .col-right{
    width: 780px;
}
.exhibition-md-4 .col-left .title{
    position: relative;
    height: 94px;
    text-align: left;
    line-height: 94px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.exhibition-md-4 .col-left .title span{
    left: 0;
    margin-left: 0;
    border-color: #fff;
}
.exhibition-md-4 .col-left p{
    margin-top: 25px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}
.exhibition-md-4 .col-right p{
    display: none;
}
.exhibition-md-4 .col-right .v-box{
    width: 780px;
    height: 439px;
}
/* prospect */
.prospect-md-1,.prospect-md-1 .main{
    height: 381px;
    background: url('../images/pc-bg-20-202107.jpg') no-repeat 50% 0;
}
.prospect-md-2{
    margin: 68px 0 0;
}
.prospect-md-2,.prospect-md-2 .main{
    position: relative;
    height: 1416px;
    overflow: hidden;
    background: url('../images/pc-bg-21-202107.jpg') no-repeat 50% 0;
}
.prospect-md-2 .image-1{
    position: absolute;
    left: 86px;
    top: 186px;
    width: 521px;
    height: 446px;
    background: url('../images/pc-img-48-202104.jpg') no-repeat 0 0;
}
.prospect-md-2 .image-2{
    position: absolute;
    left: 0;
    top: 787px;
    width: 689px;
    height: 516px;
    background: url('../images/pc-img-49-202104.jpg') no-repeat 0 0;
}
.prospect-md-2 .image-3{
    position: absolute;
    left: 614px;
    top: 872px;
    width: 586px;
    height: 367px;
    background: url('../images/pc-img-50-202104.jpg') no-repeat 0 0;
}
.prospect-md-2 .text-box{
    position: absolute;
    right: 30px;
    top: 138px;
    width: 520px;
}
.prospect-md-2 .text-box .title{
    text-align: left;
    color: #fff;
}
.prospect-md-2 .text-box .title span{
    left: 0;
    margin-left: 0;
    border-color: #fff;
}
.prospect-md-2 .text-box dl{
    margin: 38px 0 0;
    color: #fff;
}
.prospect-md-2 .text-box dt{
    font-size: 22px;
    font-weight: normal;
    line-height: 50px;
}
.prospect-md-2 .text-box dd{
    font-size: 16px;
    line-height: 32px;
}
/* join */
.join-md-1,.join-md-1 .main{
    height: 381px;
    background: url('../images/pc-bg-22-202107.jpg') no-repeat 50% 0;
}
.join-md-2,.join-md-2 .main{
    height: 1048px;
    overflow: hidden;
    background: url('../images/pc-bg-23-202107.jpg') no-repeat 50% 0;
}
.join-md-2 .title{
    margin-top: 80px;
}
.join-md-2 .join_sw{
    margin: 65px 25px 0;
}
.join-md-2 .join_sw dl{
    float: left;
    margin: 0 20px 25px 0;
    width: 370px;
    height: 226px;
    background: #fff;
}
.join-md-2 .join_sw dt{
    border-left: 5px solid #e68114;
    margin: 20px 0 0;
    padding: 0 30px 0 25px;
    line-height: 30px;
    font-size: 22px;
}
.join-md-2 .join_sw dd{
    margin: 10px 0 0;
    padding: 0 30px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.join-md-2 .join_sw dl:hover{
    background: #003366;
}
.join-md-2 .join_sw dl:hover dt,.join-md-2 .join_sw dl:hover dd{
    color: #fff;
}
.join-md-2 .join_sw dl:nth-child(3){
    margin-right: 0;
}
.join-md-2 .join_sw .swiper-slide{
    flex-shrink: inherit;
    -webkit-flex-shrink: inherit;
}
.join-md-3 .hd .main{
    height: 175px;
    overflow: hidden;
}
.join-md-3 .hd .main .title{
    margin: 45px 0 0;
}
.join-md-3 .bd,.join-md-3 .bd .main{
    height: 718px;
    background: url('../images/pc-bg-24-202107.jpg') no-repeat 50% 0;
}
.join-md-3 .bd .text-box{
    float: right;
    margin: 100px 40px 0;
    width: 370px;
    color: #fff;
}
.join-md-3 .bd .text-box h3{
    height: 50px;
    line-height: 50px;
    font-size: 30px;
}
.join-md-3 .bd .text-box h4{
    padding: 15px 0 0;
    font-size: 22px;
    line-height: 50px;
}
.join-md-3 .bd .text-box p{
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 32px;
}
.join-md-4,.join-md-4 .main{
    height: 824px;
    background: url('../images/pc-bg-25-202107.jpg') no-repeat 50% 0;
}
.join-md-5,.join-md-5 .main{
    height: 758px;
    background: url('../images/pc-bg-26-202107.jpg') no-repeat 50% 0;
}
.join-md-6,.join-md-6 .main{
    background: #fff;
}
.join-md-6 .main{
    padding: 50px 0 90px;
}
.join-md-6 .title{
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
}
.join-md-6 .title span{
    display: none;
}
.join-md-6 .main .video-md{
    margin: 30px auto 0;
    width: 980px;
    height: 550px;
}
.join-md-6 .text-box{
    margin-top: 60px;
}
.join-md-6 .text-box h4{
    font-size: 24px;
    line-height: 48px;
}
.join-md-6 .text-box p{
    margin-top: 10px;
    font-size: 16px;
    height: 32px;
}
.join-md-6 .m-text-box{
    display: none;
}
.join-md-6 .image-ad{
    margin-top: 35px;
    height: 1342px;
    background: url('../images/pc-img-51-202104.jpg') no-repeat 50% 0;
}
/* franchiseProcess */
.franchiseProcess-md-1,.franchiseProcess-md-1 .main{
    height: 381px;
    background: url('../images/pc-banner-6-202107.jpg') no-repeat 50% 0;
}
.franchiseProcess-md-2,.franchiseProcess-md-2 .main{
    height: 667px;
    background: url('../images/pc-bg-28-202107.jpg') no-repeat 50% 0;
}
.franchiseProcess-md-3,.franchiseProcess-md-3 .main{
    height: 415px;
    background: url('../images/pc-bg-29-202107.jpg') no-repeat 50% 0;
}
.franchiseProcess-md-4 .pc{
    background: #f7f7f7;
}
.franchiseProcess-md-4 .pc .main{
    padding: 70px 30px 50px;
}
.franchiseProcess-md-4 .pc .main .title{
    margin: 0 auto;
    width: 401px;
    font-size: 40px;
}
.franchiseProcess-md-4 .pc .scroll-bd{
    margin-top: 60px;
    width: 100%;
    overflow: hidden;
}
.franchiseProcess-md-4 .pc .swiper-container {
    margin: 0;
    width: 100%;
    padding-bottom: 100px;
}
.franchiseProcess-md-4 .pc .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.franchiseProcess-md-4 .pc .swiper-slide{
    display: block;
    padding-top: 37px;
}
.franchiseProcess-md-4 .pc .swiper-pagination{
    display: none;
}
.franchiseProcess-md-4 .pc .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.franchiseProcess-md-4 .pc .swiper-pagination .swiper-pagination-bullet-active{
    background: #9a0000;
}
.franchiseProcess-md-4 .pc .sw-md{
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    height: 520px;
    background: #fff;
    box-shadow: 10px 10px 30px #dcdfe3;
}
.franchiseProcess-md-4 .pc .sw-md .ico{
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -37px;
    width: 74px;
    height: 74px;
}
.franchiseProcess-md-4 .pc .sw-md h4{
    text-align: left;
    padding: 50px 20px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
}
.franchiseProcess-md-4 .pc .sw-md p{
    text-align: left;
    padding: 20px 20px 0;
    font-size: 16px;
    line-height: 30px;
}
.franchiseProcess-md-4 .m{
    display: none;
}
.franchiseProcess-md-4 .scroll-bd .swiper-button-next,.franchiseProcess-md-4 .scroll-bd .swiper-button-prev{
    display: block;
    margin-top: -25px;
    border-radius: 25px;
    width: 50px;
    height: 50px;
}
.franchiseProcess-md-4 .scroll-bd .swiper-button-prev{
    left: -60px;
    background: #a3a2a0 url('../images/pc-ico-01-202108.png') no-repeat 50% 50%;
}
.franchiseProcess-md-4 .scroll-bd .swiper-button-next{
    right: -60px;
    background: #a3a2a0 url('../images/pc-ico-02-202108.png') no-repeat 50% 50%;
}
/* list */
.list-page{
    clear: both;
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}
.list-page .crumbs{
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
}
.list-page .crumbs:link,.list-page .crumbs:visited,.list-page .crumbs:hover{
    color: #666;
}
.list-page .col{
    margin: 20px 0 0;
}
.list-page .col-left{
    float: left;
    width: 170px;
}
.list-page .col-right{
    float: right;
    width: 930px;
}
.list-page .menu dt{
    margin-bottom: 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #003366;
}
.list-page .menu dd{
    border-bottom: 1px solid #e2e2e2;
    height: 36px;
    text-align: center;
    line-height: 36px;
}
.list-page .menu dd a{
    display: block;
    position: relative;
    padding: 0 30px;
    line-height: 36px;
    font-size: 16px;
}
.list-page .menu dd a.active{
    color: #003366;
}
.list-page .menu dd a span{
    display: none;
    position: absolute;
    left: 20px;
    top: 10px;
    width: 10px;
    height: 12px;
    background: url('../images/pc-ico-05-202108.png') no-repeat 0 0;
}
.list-page .menu dd a:hover span,.list-page .menu dd a.active span{
    display: block;
    color: #003366;
}
.list-page .text-box{
    clear: both;
    border-top: 1px solid #e9e9e9;
    padding: 30px;
    overflow: hidden;
}
.list-page .text-box .image{
    float: left;
    width: 260px;
    height: 195px;
    overflow: hidden;
}
.list-page .text-box .image img{
    display: block;
    width: 100%;
}
.list-page .text-box .text{
    float: right;
    margin-top: -10px;
    width: 574px;
}
.list-page .text-box .text h4{
    line-height: 50px;
    font-size: 20px;
}
.list-page .text-box .text h4 a{
    color: #003366;
}
.list-page .text-box .text .date{
    display: block;
    color: #898989;
    line-height: 40px;
    font-size: 14px;
}
.list-page .text-box .text p{
    line-height: 32px;
    font-size: 16px;
}
.list-page .pagenation{
    padding: 65px 0 100px;
    text-align: center;
}
.list-page .pagenation a{
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #dcdee2;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
}
.list-page .pagenation span{
    padding: 0 10px;
}
.list-page .pagination>li a{
    color: #003366;
}
.list-page .pagination>li.active span{
    border: 1px solid #003366;
    background: #003366;
    color: #fff;
}
/* show */
.show-page{
    clear: both;
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}
.show-page .crumbs{
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
}
.show-page .crumbs:link,.show-page .crumbs:visited,.show-page .crumbs:hover{
    color: #666;
}
.show-page .col{
    margin: 20px 0 50px;
}
.show-page .col-left{
    float: left;
    width: 860px;
}
.show-page .col-right{
    float: right;
    width: 270px;
}
.show-page .col-left .title-bd{
    padding: 0 0 20px;
}
.show-page .col-left .title-bd h4{
    text-align: center;
    font-size: 30px;
    line-height: 60px;
}
.show-page .col-left .title-bd span{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.show-page .context-bd{
    font-size: 18px;
    line-height: 44px;
}
.show-page .context-bd img{
    display: block;
    margin: 30px 0;
    width: 100%;
}
.show-page .menu{
    margin-bottom: 40px;
}
.show-page .menu dt{
    margin-bottom: 10px;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #003366;
}
.show-page .menu dd{
    border-bottom: 1px solid #e2e2e2;
    padding: 0 15px;
    line-height: 36px;
}
.show-page .menu dd a{
    display: block;
    position: relative;
    padding: 0;
    line-height: 36px;
    font-size: 16px;
}
.show-page .menu dd a:hover span,.show-page .menu dd a.active span{
    display: block;
    color: #003366;
}
/* lesson */
.lesson-crumbs .crumbs,.news-crumbs .crumbs{
    margin-top: 25px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #222;
}
.lesson-crumbs .crumbs a:link,.lesson-crumbs .crumbs a:visited,.lesson-crumbs .crumbs a:hover,.news-crumbs .crumbs a:link,.news-crumbs .crumbs a:visited,.news-crumbs .crumbs a:hover{
    color: #222;
}
.lesson .text-box p{
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 32px;
}
.lesson .lesson-infor .main{
    padding: 45px 0;
}
.lesson .lesson-infor h2{
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
}
.lesson .lesson-infor p{
    padding: 15px 30px 0;
    line-height: 32px;
    font-size: 16px;
}
.lesson .lesson-infor .but{
    display: block;
    border-radius: 19px;
    margin: 50px auto 0;
    width: 206px;
    height: 38px;
    text-align: center;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    background: #f2471c;
}
.m-lesson-infor{
    display: none;
}
.lesson-1,.lesson-1 .main{
    height: 627px;
    background: url('../images/pc-bg-21-202104.jpg') no-repeat center 0;
}
.lesson-1 .main .text-box{
    float: right;
    margin-top: 210px;
    width: 404px;
}
.lesson-2,.lesson-2 .main{
    height: 648px;
    background: url('../images/pc-bg-22-202104.jpg') no-repeat center 0;
}
.lesson-2 .main .text-box{
    float: left;
    margin-top: 194px;
    width: 410px;
}
.lesson-3,.lesson-3 .main{
    height: 649px;
    background: url('../images/pc-bg-23-202104.jpg') no-repeat center 0;
}
.lesson-3 .main .text-box{
    float: right;
    margin-top: 180px;
    width: 400px;
}
.lesson-4,.lesson-4 .main{
    height: 626px;
    background: url('../images/pc-bg-24-202104.jpg') no-repeat center 0;
}
.lesson-4 .main .text-box{
    float: left;
    margin-top: 200px;
    width: 400px;
    color: #fff;
}
.lesson-5,.lesson-5 .main{
    height: 648px;
    background: url('../images/pc-bg-25-202104.jpg') no-repeat center 0;
}
.lesson-5 .main .text-box{
    float: right;
    margin-top: 182px;
    width: 400px;
}
.lesson-6,.lesson-6 .main{
    height: 600px;
    background: url('../images/pc-bg-26-202104.jpg') no-repeat center 0;
}
.lesson-6 .main .text-box{
    float: left;
    margin-top: 160px;
    width: 420px;
}
.lesson-7,.lesson-7 .main{
    height: 650px;
    background: url('../images/pc-bg-27-202104.jpg') no-repeat center 0;
}
.lesson-7 .main .text-box{
    float: right;
    margin-top: 200px;
    width: 400px;
}
.lesson-8,.lesson-8 .main{
    height: 629px;
    background: url('../images/pc-bg-28-202104.jpg') no-repeat center 0;
}
.lesson-8 .main .text-box{
    float: left;
    margin-top: 170px;
    width: 415px;
    color: #fff;
}
.lesson-9,.lesson-9 .main{
    height: 648px;
    background: url('../images/pc-bg-29-202104.jpg') no-repeat center 0;
}
.lesson-9 .main .text-box{
    float: right;
    margin-top: 210px;
    width: 405px;
}
.lesson-10,.lesson-10 .main{
    height: 628px;
    background: url('../images/pc-bg-30-202104.jpg') no-repeat center 0;
}
.lesson-10 .main .text-box{
    float: left;
    margin-top: 240px;
    width: 405px;
}
.lesson-11,.lesson-11 .main{
    height: 537px;
    background: url('../images/pc-bg-31-202104.jpg') no-repeat center 0;
}
.lesson-11 .main .text-box{
    float: right;
    margin-top: 120px;
    width: 400px;
}
.lesson-12,.lesson-12 .main{
    height: 628px;
    background: #fff url('../images/pc-bg-32-202104.jpg') no-repeat center 0;
}
.lesson-12 .main .text-box{
    float: left;
    margin-top: 200px;
    width: 410px;
}
.lesson-13,.lesson-13 .main{
    height: 629px;
    background: #f6f6f6 url('../images/pc-bg-33-202104.jpg') no-repeat center 0;
}
.lesson-13 .main .text-box{
    float: right;
    margin-top: 212px;
    margin-right: -20px;
    width: 420px;
}
.lesson-14,.lesson-14 .main{
    height: 627px;
    background: #fff url('../images/pc-bg-34-202104.jpg') no-repeat center 0;
}
.lesson-14 .main .text-box{
    float: left;
    margin-top: 200px;
    width: 410px;
}
.lesson-15,.lesson-15 .main{
    height: 645px;
    background: #fff url('../images/pc-bg-35-202104.jpg') no-repeat center 0;
}
.lesson-15 .main .text-box{
    float: right;
    margin-top: 210px;
    width: 400px;
}
.lesson-16,.lesson-16 .main{
    height: 628px;
    background: #fff url('../images/pc-bg-36-202104.jpg') no-repeat center 0;
}
.lesson-16 .main .text-box{
    float: left;
    margin-top: 206px;
    width: 405px;
    color: #fff;
}
.lesson-17,.lesson-17 .main{
    height: 797px;
    background: #f6f6f6 url('../images/pc-bg-37-202104.jpg') no-repeat center 0;
}
.lesson-17 .main .text-box{
    float: right;
    margin-top: 285px;
    width: 405px;
}
.lesson-18,.lesson-18 .main{
    height: 628px;
    background: #003366 url('../images/pc-bg-38-202104.jpg') no-repeat center 0;
}
.lesson-18 .main .text-box{
    float: left;
    margin-top: 210px;
    width: 405px;
    color: #fff;
}
.lesson-19,.lesson-19 .main{
    height: 628px;
    background: url('../images/pc-bg-39-202104.jpg') no-repeat center 0;
}
.lesson-19 .main .text-box{
    float: left;
    margin-top: 230px;
    width: 405px;
}
.lesson-20,.lesson-20 .main{
    height: 628px;
    background: url('../images/pc-bg-40-202104.jpg') no-repeat center 0;
}
.lesson-20 .main .text-box{
    float: right;
    margin-top: 250px;
    width: 405px;
    color: #fff
}
.lesson-21,.lesson-21 .main{
    height: 645px;
    background: url('../images/pc-bg-41-202104.jpg') no-repeat center 0;
}
.lesson-21 .main .text-box{
    float: left;
    margin-top: 240px;
    width: 410px;
}
.lesson-22,.lesson-22 .main{
    height: 642px;
    background: url('../images/pc-bg-42-202104.jpg') no-repeat center 0;
}
.lesson-22 .main .text-box{
    float: right;
    margin-top: 234px;
    width: 400px;
}
.lesson-23,.lesson-23 .main{
    height: 645px;
    background: url('../images/pc-bg-43-202104.jpg') no-repeat center 0;
}
.lesson-23 .main .text-box{
    float: right;
    margin-top: 260px;
    width: 405px;
}
.lesson-24,.lesson-24 .main{
    height: 578px;
    background: #f6f6f6 url('../images/pc-bg-44-202104.jpg') no-repeat center 0;
}
.lesson-24 .main .text-box{
    float: left;
    margin-top: 198px;
    width: 410px;
}
.lesson-25,.lesson-25 .main{
    height: 645px;
    background: #fff url('../images/pc-bg-45-202104.jpg') no-repeat center 0;
}
.lesson-25 .main .text-box{
    float: right;
    margin-top: 235px;
    width: 400px;
}
.lesson-26,.lesson-26 .main{
    height: 631px;
    background: #f6f6f6 url('../images/pc-bg-46-202104.jpg') no-repeat center 0;
}
.lesson-26 .main .text-box{
    float: left;
    margin-top: 205px;
    width: 405px;
}


.form-page{
    background: #d7a038;
}
.form-page .main{
    padding: 20px 30px;
}
.form-page .main .title{
    padding-bottom: 10px;
    text-align: center;
    font-size: 28px;
    line-height: 60px;
    color: #fff;
}
.form-page .main .title b{
    display: none;
}
.form-page .main input{
    border-radius: 25px;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-indent: 36px;
    color: #ffead2;
    background: #cc8a0d;
}
.form-page .main input::placeholder{
    color: #ffead2;
}
.form-page .main input.write-in{
    color: #fff;
}
.form-page .main .submit{
    display: block;
    border: 1px solid #fff;
    border-radius: 25px;
    width: 100%;
    height: 48px;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    cursor: pointer;
}

/* formModal*/
.form_modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1111111111111111111;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.form_modal h2 {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -35px;
	margin-left: -168px;
	width: 336px;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	border-radius: 6px;
	background: #fff;
	color: #252525;
}
.fModalCont {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -110px;
	margin-left: -168px;
	padding: 20px;
	width: 336px;
	height: 210px;
	border-radius: 6px;
	background: #fff;
	color: #252525;
}
.fModalCont p {
	font-size: 16px;
	text-align: left;
	color: #252525;
}
.fModalCont button {
	display: block;
	margin-top: 15px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
	border-radius: 10px;
	background: #dc3f1c;
	color: #fff;
	cursor: pointer;
}

/* foot */
.foot {
    padding: 30px 0;
    text-align: center;
    border-top: 3px solid #003366;
    background: #fff;
}
.foot .phide .guanzhu{
    margin-left: 20px;
}
.foot h3 img{
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 52px;
}
.foot h4 {
    margin-top: 30px;
    font-size: 20px;
    text-align: left;
    color: #003366;
}
.foot span.line {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 32px;
    height: 4px;
    background: #003366;
}
.foot p {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #222;
}
.foot p .red{
    font-size: 28px;
    color: #003366;
}
.foot p a {
    color: #222;
}
.foot p a:hover{
    color: #003366;
}
.foot b {
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
    color: #222;
}
.foot span {
    margin: 20px 0 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    display: block;
}
.foot .address-div{
    clear: both;
    overflow: hidden;
}
.foot .address-div .address-key{
    float: left;
    width: 45px;
    line-height: 30px;
}
.foot .address-div .address-val{
    float: left;
    width: 280px;
    line-height: 30px;
}
.foot .whide {
    display: none;
}
.foot .erweimaList {
    margin-bottom: 30px;
    padding: 0;
    width: 50%;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.foot .erweima {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 1111;
    margin-left: -76px;
    border: 1px solid #9b0000;
    width: 152px;
    height: 152px;
    display: none;
}
.foot .container .phide{
    float: right;
}
.foot .container .friendship{
    width: 22%;
}
.copy{
    margin-bottom: 50px;
    height: 90px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 1em 0;
    background: #9b0000;
    color: #fff;
}
.copy p a{
    margin-right: 20px;
    text-decoration: underline;
    color: #fff;
}
.copy .containerM{
    display: none;
}
/* chongdong */
.chongdong-app{
    height: 838px;
    background: #614ff1 url('../images/chongdong-app-bg.jpg') no-repeat 50% 0;
}
/* 404 */
.lose{
    margin-top: 70px;
    height: 500px;
    overflow: hidden;
    background: url('../images/404-1.jpg') no-repeat 50% 40px;
}
.lose a{
    position: relative;
    border-radius: 30px;
    display: block;
    margin: 420px auto 0;
    width: 130px;
    height: 35px;
}